import React from "react";

export const AddOutline = (props) => {
  return (
    <svg
      width="1em"
      height="1em"
      viewBox="0 0 48 48"
      xmlns="http://www.w3.org/2000/svg"
      xmlnsXlink="http://www.w3.org/1999/xlink"
      style={{
        verticalAlign: "-0.125em",
        ...props.style,
      }}
      className={["antd-mobile-icon", props.className]
        .filter(Boolean)
        .join(" ")}
    >
      <g
        id="AddOutline-AddOutline"
        stroke="none"
        strokeWidth={1}
        fill="none"
        fillRule="evenodd"
      >
        <g id="AddOutline-add">
          <rect
            id="AddOutline-\u77E9\u5F62"
            fill="#FFFFFF"
            opacity={0}
            x={0}
            y={0}
            width={48}
            height={48}
          ></rect>
          <path
            d="M25.1,6.5 C25.3209139,6.5 25.5,6.6790861 25.5,6.9 L25.5,22.5 L41.1,22.5 C41.3209139,22.5 41.5,22.6790861 41.5,22.9 L41.5,25.1 C41.5,25.3209139 41.3209139,25.5 41.1,25.5 L25.5,25.5 L25.5,41.1 C25.5,41.3209139 25.3209139,41.5 25.1,41.5 L22.9,41.5 C22.6790861,41.5 22.5,41.3209139 22.5,41.1 L22.5,25.5 L6.9,25.5 C6.6790861,25.5 6.5,25.3209139 6.5,25.1 L6.5,22.9 C6.5,22.6790861 6.6790861,22.5 6.9,22.5 L22.5,22.5 L22.5,6.9 C22.5,6.6790861 22.6790861,6.5 22.9,6.5 L25.1,6.5 Z"
            id="AddOutline-\u8DEF\u5F84"
            fill="currentColor"
            fillRule="nonzero"
          ></path>
        </g>
      </g>
    </svg>
  );
};
